﻿@{

    var i = 1;
}
@using fmtx.Framework.Web;
@section header{
    <style>
        .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px;
        background: #333333;
        background: rgba(0, 0, 0, 0.16);
        }
    </style>
}
<div class="span12 row-fluid show-grid" style="padding-top:30px;">
    <div class="span4 well" >
        <div class="bottomline" >今日关键字<span style="float:right;" >@ViewBag.keyword</span></div>
        <ul class="unstyled">
            @if (ViewBag.todaylist != null)
            {
                i = 1;
                foreach (com.fmtx.Model.Article item in ViewBag.todaylist)
                {
                    <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                        <a style="float:left;width:73%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a><span>(@item.InTime.ToLocalTime().ToString("yyyy-MM-dd"))</span></li>
                    i++;
                }
            }
        </ul>
    </div>
    <div class="span6 " >
        <div id="myCarousel" class="carousel">
          <!-- Carousel items -->
          <div class="carousel-inner">
             @if (ViewBag.piclist!=null){
                 foreach (com.fmtx.Model.Picture item in ViewBag.piclist)
                 {
                     <div class="item"><a href="/photo/@item.Id" ><img src="@StaticCs.ImageUrl/img/?m=HeightAndWidth&w=680&h=380&file=@item.PicAddress" /></a>
                         <div class="carousel-caption">
                  <h4>@item.Title</h4>
                   <p>@item.Content.RemoveHtml(30)</p>
                </div>
                     </div>
                 }
             }
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </div>
    <div class="span2 ">
        <script src="~/js/ads/Index-right.js"></script>
    </div>
</div>
<div class="clear"></div>
<div class="span12 row-fluid show-grid">
    <div style="width:955px;float:left;" ><script src="~/js/ads/Index-middle.js"></script></div>
    <div style="border: 1px solid #F5F2F2;width:435px;height:94px;float:left;" >
        广告位
    </div>
</div>
<div class="clear" style="padding-top:10px;" ></div>
<div class="span12 row-fluid show-grid">
    <div class="span4 well" >
        <div class="bottomline" >最新游记</div>
        <ul class="unstyled">
            @if (ViewBag.newlist != null)
            {
                i = 1;
                foreach (com.fmtx.Model.Article item in ViewBag.newlist)
                {
                    <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                        <a style="float:left;width:75%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a><span>(@item.InTime.ToLocalTime().ToString("yyyy-MM-dd"))</span></li>
                    i++;
                }
            }
        </ul>
    </div>
    <div class="span4 well" >
        <div class="bottomline" >最热门游记</div>
        <ul class="unstyled">
            @if (ViewBag.hostlist != null)
            {
                i = 1;
                foreach (com.fmtx.Model.Article item in ViewBag.hostlist)
                {
                    <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                        <a style="float:left;width:75%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a><span>(@item.InTime.ToLocalTime().ToString("yyyy-MM-dd"))</span></li>
                    i++;
                }
            }
        </ul>
    </div>
    <div class="span4 well" >
        <div class="bottomline" >最赞游记</div>
        <ul class="unstyled">
            @if (ViewBag.praiselist != null)
            {
                i = 1;
                foreach (com.fmtx.Model.Article item in ViewBag.praiselist)
                {
                    <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                        <a style="float:left;width:75%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a><span>(@item.InTime.ToLocalTime().ToString("yyyy-MM-dd"))</span></li>
                    i++;
                }
            }
        </ul>
    </div>
</div>


@section scripts{
    @Scripts.Render("~/js/jqprettyPhoto")
    <script type="text/javascript">
        $('.carousel').carousel();
    </script>
}